<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form novalidate>
        邮件: <input type="email" required> <br>
        数字: <input type="number" min="0" max="100" step="2"> <br>
        地址: <input type="url"> <br>
        滑块: <input type="range" step="1" min="0" max="100"> <br> 
        搜索: <input type="search"> <br>
        颜色: <input type="color"> <br>
        时间: <input type="time"> <br>
        日期: <input type="date"> <br>
        月份: <input type="month"> <br>
        周数: <input type="week"> <br>
        datetime-local: <input type="datetime-local"> <br>
        <input type="submit" value="提交">
    </form>
</body>
</html>
<!-- 
    智能表单的注意点
        - 智能表单和之前学习的功能按钮一样需要放在form
        - 要有提交按钮
        - 只能验证格式是否正确，不能验证当前输入框内的文本条件是否存在
    
    属性
        - required 必须填写条件 
        - min 最小
        - max 最大
        - step 步幅 间隔
 -->